/* 
    Document   : main
    Created on : Apr 23, 2012, 1:54:30 PM
    Author     : Mar
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

#wrapper {
    width: 800px;
    margin: 0px auto 0px auto;
}

/* These are the css for the header and footer template */

header {
    width: 100%;
    float: left;
}

nav {
    width: 100%;
    float: left;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

nav ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

nav li {
    display:inline;
}

footer {
    width: 100%;
    float: left;
    border-top: 1px solid;
}

/* These are the css for the videos page */

#left {
    width: 25%;
    float: left;
    text-align: justify;
}

#main {
    width: 75%;
    float: left;
}

#middle {
    width: 50%;
    float: left;
}

#featured {
    width: 100%;
    height: 400px;
    float: left;
}

#teasers {
    width: 100%;
    height: 150px;
    float: left;
}

.categories {
    width: 33%;
    height: 400px;
    float: left;
}

/* universal css */

h1, h2, h3, h4, h5, h6, p {
    margin: 0px;
    padding: 10px;
}